/*
 * Tencent is pleased to support the open source community by making TKEStack
 * available.
 *
 * Copyright (C) 2012-2021 Tencent. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use
 * this file except in compliance with the License. You may obtain a copy of the
 * License at
 *
 * https://opensource.org/licenses/Apache-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OF ANY KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations under the License.
 */
import * as React from 'react';

import { BaseReactProps } from '@tencent/ff-redux';

export class MainBodyLayout extends React.Component<BaseReactProps, {}> {
  render() {
    let { className = '', style = {}, children } = this.props;
    let finalStyle = Object.assign({}, style);
    return (
      <div className={'manage-area-main secondary-main ' + className} style={finalStyle}>
        <div className="wrap-mod-box">{children}</div>
      </div>
    );
  }
}
